<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel='shortcut' type="image/x-icon" icon href="/favicon.ico">
        <script language="javascript" src="JQuery/js/jquery-1.3.min.js"></script>
        <script type="text/javascript" src="JQuery/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="JQuery/js/jquery.infinitecarousel.js"></script>
        <script type="text/javascript">
            function mainmenu(){
                $(" #nav ul ").css({display: "none"});
                $(" #nav li").hover(function(){
                    $(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(400);
                },function(){
                    $(this).find('ul:first').slideUp(400);
                });
            }
            $(document).ready(function(){
                mainmenu();
            });
        </script>
         
        <script type="text/javascript">
            $(function(){
                $('#carousel').infiniteCarousel({
                    displayTime: 5000,
                    textholderHeight : .25
                });
            });
        </script>
        <link href="css/style.css" rel="stylesheet" type="text/css" />

    </head>
    <body>

        <table width=100% HEIGHT=100% cellspacing="0" cellpadding="0" border="0" bgcolor="WHITE" align="center">
            <tr BGCOLOR="BLACK">
                <td border="2" BORDERCOLOR= "black" ROWSPAN="2"width="" height=""></td>

                <td border="2" BORDERCOLOR= "black" width="" height=""></td>
                <td border="2" BORDERCOLOR= "black" width="" height="">           
                    <div id="menu">
                        <ul id="nav">
                            <c:choose>
                                <c:when test="${not empty sessionScope.SPRING_SECURITY_CONTEXT.authentication.principal}">
                                    <sec:authorize access="hasRole('ROLE_ADMIN')">
                                    <li><a href="/index.html">Administracion</a></li>
                                    </sec:authorize>
                                    </c:when>
                                <c:otherwise>
                                    <div style="visibility:hidden"><li><a href="/index.html"></a></li></div>
                                </c:otherwise>
                            </c:choose>
                            <li><a href="/cerrado.html">Pedidos</a>
                                <ul class="submenu">
                                    <li><a href="#">Menus</a>
                                        <ul class="subsubmenu">
                                            <li><a href="#">Empresa</a></li>
                                            <li><a href="#">Particular</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Cocktails</a></li>
                                </ul>
                            </li>
                            <li><a href="/fincas.html">Nuestros espacios</a>
                                <ul class="submenu">
                                    <li><a href="/villanueva.html">Hacienda de Villanueva</a></li>
                                    <li><a href="/gasco.html">El Gasco</a></li>
                                    <li><a href="/monte.html">Monte de los Angeles</a></li>
                                    <li><a href="/hormigal.html">El hormigal</a></li>
                                    <li><a href="/cassy.html">Casa de los Cassy</a></li>
                                </ul>
                            </li>
                            <li><a href="/ir_a_contacto">Contacto</a></li>
                            <c:choose>
                                <c:when test="${not empty sessionScope.SPRING_SECURITY_CONTEXT.authentication.principal}">
                                    <li><a href="/logout">Desconectar  <img src="/images/close.gif"></img></a></li>
                            </c:when>
                            <c:otherwise>
                                <li><a href="/ir_registro">Registro</a></li>
                            </c:otherwise>
                            </c:choose>
                        </ul>
                        <div id="facebook"><a href="http://es-es.facebook.com/ArtazaCatering"><img src="/images/facebook.gif"></img></a></div>
                    </div>                    
                </td>
            </tr>
            <tr BGCOLOR="BLACK" width="">
                <td border="2" BORDERCOLOR= "black"  width="15%" height=""><img src="/images/logo_superior.png" /></td>
                <td border="2" BORDERCOLOR= "black" width="" height=""></td>
                <td border="2" BORDERCOLOR= "black" width="" height=""></td>
            </tr>

            <tr border="5" BORDERCOLOR= "black" width="" height="30%">
                <td  width="10%" height="">
            <embed style="" src="http://www.widgetsi.com/recursos/relojes/curiosos/5.swf"
                   wmode="transparent" type="application/x-shockwave-flash" height="120" width="120">
                <param name=wmode value=transparent>
            </embed>
        </td>
        <td width="35%" height=""><img src="/images/logo_inferior.png" /></td>

        <td width="50%" height="">

            <div id="carousel">
                <ul>
                    <li><img alt="" src="/images/10 Ambientación.jpg" width="500" height="213" /></li>
                    <li><img alt="" src="/images/11 Decoración.jpg" width="500" height="213" /></li>
                    <li><img alt="" src="/images/personal.jpg" width="500" height="213" /></li>
                    <li><img alt="" src="/images/mesaroja1.JPG" width="500" height="213" /></li>
                    <li><img alt="" src="/images/12 Buffet.jpg" width="500" height="213" /></li>
                    <li><img alt="" src="/images/13 Cóctel.jpg" width="500" height="213" /></li>
                    <li><img alt="" src="/images/comida1.jpg" width="500" height="213" /></li>
                    <li><img alt="" src="/images/mesaroja2.JPG" width="500" height="213" /></li>
                    <li><img alt="" src="/images/14 Detalle mesa.jpg" width="500" height="213" /></li>
                    <li><img alt="" src="/images/15 En el jardín.jpg" width="500" height="213" /></li>
                    <li><img alt="" src="/images/19 Cóctel.jpg" width="500" height="213" /></li>
                    <li><img alt="" src="/images/3 Detalle.jpg" width="500" height="213" /></li>
                    <li><img alt="" src="/images/5 Invitaciones.jpg" width="500" height="213" /><p>Distinción</p>
                    </li>
                    <li><img alt="" src="/images/8 Presentación.jpg" width="500" height="213" /></li>
                    <li><img alt="" src="/images/9 Detalle mesa.jpg" width="500" height="213" /></li>
                </ul>
            </div>
        <c:if test="${not empty sessionScope.SPRING_SECURITY_CONTEXT.authentication.principal}">
            <font color="black"><center><i>Buenas <c:out value="${usuario.username}"></c:out></i></td></font>
            </c:if>
        </td>
    </tr>
    <tr border="5" BORDERCOLOR= "black" width="" height="30%">
        <td width="" height=""></td>
        <td width="" height=""><font color="black"><center><i>Tu evento, tu momento</i></td></font>
        <td width="" height="">

        </td>
    </tr>
</table>
</body>
</html>